<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="Content-Type">
  <title>1.3 Creaci&oacute;n de los controles</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(204, 204, 255);"
 vlink="#551a8b" alink="#ee0000" link="#0000ee">
<div style="text-align: center;">
<h1>2.3 Creaci&oacute;n de los controles</h1>
<div style="text-align: justify;">
<ul>
  <li>Una vez tengas definidos los parametros de la ventana y le
d&eacute;s click en el bot&oacute;n generar ventana, aparecer&aacute;
la ventana de muestra y la ventana principal de Ventanales
cambiar&aacute;, se ver&aacute; de la siguiente manera:</li>
</ul>
<div style="text-align: center;"><img
 style="width: 369px; height: 419px;" alt="Ventanales Principal 2"
 src="ventprinc2.jpg"><br>
<span style="font-style: italic;">Figura 2: Ventana Principal de
Ventanales luego de seleccionar los parametros</span><br>
<br>
<img style="width: 369px; height: 365px;" alt="Ventana Objetivo 1"
 src="VentObj1.jpg"><br>
<span style="font-style: italic;">Figura 3: Ventana Objetivo generada
luego de seleccionar los parametros</span><br>
<br>
<div style="text-align: justify;">
<ul>
  <li>En este punto ya se puede empezar a dise&ntilde;ar la ventana al
gusto segun lo que hayamos dise&ntilde;ado, previamente en papel o el
bosquejo que tengamos, para eso podemos utilizar las herramientas que
nos ofrece la ventana principal.</li>
</ul>
<ul>
  <a name="datos"></a>
  <li>El men&uacute; principal nos ofrece 5 tipos de datos basicos que
podemos a&ntilde;adir a nuestras ventanas y un bot&oacute;n para
generar codigo. A partir de esto podremos crear aplicaciones potentes y
muy dinamicas, los tipos de objetos que se pueden a&ntilde;adir a la
ventana s&oacute;n: (Haz click en cada uno para leer la
explicaci&oacute;n, aunque recomendamos leer lo que sigue en esta
pagina antes de prosegu&iacute;r con los tipos de objetos)</li>
  <ol>
    <li><a href="controles.html#boton" target="principal">Bot&oacute;n</a></li>
    <li><a href="controles.html#cajadetexto" target="principal">Caja
de Texto</a></li>
    <li><a href="controles.html#etiqueta" target="principal">Etiqueta</a></li>
    <li><a href="controles.html#radiobutton" target="principal">RadioButton</a></li>
    <li><a href="controles.html#checkbox" target="principal">CheckBox</a><br>
    </li>
  </ol>
</ul>
<br>
<br>
<ul>
  <li>Al seleccionar una opcion del men&uacute; principal se
desplegar&aacute; una ventana preguntando por las propiedades del
objeto que se a&ntilde;adir&aacute; a la ventana, a continuacion damos
un ejemplo de como se&nbsp; debe llenar, se utilizar&aacute; el ejemplo
de una "Caja de texto" debido a que es la m&aacute;s completa.&nbsp;</li>
</ul>
<br>
</div>
</div>
</div>
<img style="width: 379px; height: 330px;"
 alt="Ventana de propiedades de una Caja de Texto" src="ventpropi1.jpg"><br>
<span style="font-style: italic;">Figura 4: Ventana de definicion de
propiedades de una caja de texto.</span><br>
<ol style="list-style-type: upper-alpha; text-align: justify;">
  <li><span style="font-weight: bold;">Texto:</span> Es el valor
(alfanumerico) que tendr&aacute; el texto del objeto. (Ej: "Aceptar" en
el caso de un bot&oacute;n, "Ingrese su nombre" en el caso de una
Etiqueta, "Masculino" en el caso de un RadioButton, etc), puede ser
vac&iacute;o, pero si el objeto es un bot&oacute;n, checkbox, etiqueta
o radiobutton se le asignar&aacute; un texto por defecto, no debe
inclu&iacute;r comillas.</li>
  <li><span style="font-weight: bold;">Nombre del objeto: </span>Es el
nombre que tendr&aacute; el objeto en el codigo fuente, se puede dejar
vaci&oacute; y se le asignar&aacute; un nombre automaticamente.</li>
  <li><span style="font-weight: bold;">Color de fondo: </span>Cambia
el color de fondo del objeto, por defecto tiene el mismo color de fondo
que la ventana para que no contraste.</li>
  <li><span style="font-weight: bold;">Color de letra:</span> Es el
color de letra que tendr&aacute; el control, por defecto se utiliza el
color anteriormente usado, al principio, por defecto es negro.</li>
  <li><span style="font-weight: bold;">Multilinea:</span> Esta es una
propiedad que solo posee la Caja de Texto, indica si la caja de texto
tiene multiples lineas o solo una, por defecto est&aacute; desactivado,
esta opcion no aparecer&aacute; con ningun otro tipo de objeto.</li>
</ol>
<br>
<div style="text-align: justify;">
<ul>
  <li>Ventanales cuenta con funcionalidades avanzadas de edici&oacute;n
en caso de que el usuario se equivoque a la hora de a&ntilde;adir
controles. Para verlas haga click<a target="principal"
 href="funcionesav.html"> aqu&iacute;,</a> de lo contrario puede
segu&iacute;r a la secci&oacute;n de <a href="codigo.html">generaci&oacute;n
de codigo</a><br>
  </li>
</ul>
</div>
</div>
</body>
</html>
